/* 开通团体卡 团体卡详情 */
.title-box{
	margin: 32rpx 0 20rpx;
	color: #222;
	font-weight: bold;
	text{
		color: #FF243B;
	}
}
.cont-vessel{
	width: 686rpx;
	height: 80rpx;
	border-radius: 44rpx;
	background-color: #F7F7F7;
	padding: 20rpx 32rpx;
	position: relative;
}
	
	
	
.picture,.picture2{
	width: 686rpx;
	height: 339rpx;
	border: 1rpx dashed #999;
	border-radius: 16rpx;
	text{
		font-size: 24rpx;
		color: #999;
	}
}
.picture{
	margin: 32rpx 0 0;
	image{
		width: 100rpx;
		height: 65rpx;
		margin-bottom: 16rpx;
	}
}
.picture2{
	image{
		width: 52rpx;
		height: 44rpx;
		margin-bottom: 20rpx;
	}
}

/* 充值会员 团体卡 */
.charge-title{
	margin: 24rpx 32rpx 20rpx;
	color: #222;
	.red{
		color: #FF243B;
	}
	.cell{
		color: #000;
	}
	.bold{
		font-weight: bold;
	}
}
.charge-rectangle-pot{
	margin: 0 24rpx;
	.rectangle-item{
		width: 335rpx;
		height: 125rpx;
		color: #613423;
		padding: 16rpx;
		background-color: #F6E9D7;
		background-image: linear-gradient(135deg, #F6E9D7 0%, #EED8C0 100%);
		.txt{
			font-size: 28rpx;
			margin-bottom: 8rpx;
		}
		text{
			font-size: 32rpx;
		}
		.radio_{
			background-color: #FDF6EF;
			border: 1rpx solid #999;
		}
	}
}

/* 消费明细 */
.title-btn-pot{
	width: 100%;
	background-color: #fff;
	padding: 24rpx 32rpx 32rpx;
	position: fixed;
	left: 0;
	z-index: 5;
	font-size: 28rpx;
	border-bottom: 16rpx solid #F6F6F6;
	.item{
		width: 132rpx;
		height: 56rpx;
		line-height: 56rpx;
		text-align: center;
		margin: 0 12rpx;
		background-color: #F6F6F6;
		border-radius: 30rpx;
	}
	.item:first-child{
		margin-left: 0;
	}
	.active-blue{
		background-color: #E5F2FF;
		color: #0080FF;
	}
	.calendar{
		image{
			width: 32rpx;
			height: 28rpx;
		}
	}
}
.records-cont-pot{
	.item{
		padding: 0 0 32rpx;
		margin: 0 32rpx 32rpx;
		border-bottom: 1rpx solid $uni-border-color;
		color: #000;
		.item-item{
			margin-bottom: 32rpx;
			view{
				font-size: 28rpx;
				color: #999;
				max-width: 500rpx;
				word-break: break-all;
			}
			view.bold{
				font-size: 32rpx;
				font-weight: bold;
				color: #000;
			}
		}
		.btn{
			width: 167rpx;
			height: 70rpx;
			line-height: 70rpx;
			text-align: center;
			border: 1rpx solid #999;
			border-radius: 44rpx;
		}
	}
	.item:last-child{
		border-bottom: none;
	}
}

/* 会员卡 团体卡 */
.card-pot{
	width: 686rpx;
	height: 198rpx;
	margin: 32rpx;
	padding: 23rpx 24rpx 16rpx;
	border-radius: 16rpx;
	background-color: #FBEBE2;
	background-image: url("http://www.xvopen.com/xiaoV/img1/blank.png");
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	color: #613423;
	font-size: 24rpx;
	.top{
		image{
			width: 40rpx;
			height: 30rpx;
		}
		.title{
			font-weight: bold;
			margin-left: 8rpx;
		}
		.title-right{
			border-radius: 8rpx;
			background-color: #C27F3D;
			color: #fff;
			font-size: 20rpx;
			padding: 0 12rpx;
			margin-left: 8rpx;
		}
	}
	.bottom{
		margin-top: 52rpx;
		.bottom-left{
			view{
				margin-top: 8rpx;
			}
		}
		.bottom-right{
			text{
				margin-right: 4rpx; 
			}
		}
	}
	.bottom2{
		margin-top: 12rpx;
		.bottom-left{
			view{
				margin: 8rpx 0;
			}
		}
	}
}

/* 钱包 钱包记录 */
.records-box{
	background-color: #fff;
	width: 750rpx;
	min-height: 300rpx;
	border-radius: 24rpx 24rpx 0 0;
	margin-top: -24rpx;
	color: #000;
	.top{
		padding: 24rpx 32rpx;
		border-bottom: 1rpx solid rgba(229, 229, 229, 0.5);
		.left{
			width: 222rpx;
			height: 68rpx;
			background-color: #F7F7F7;
			border-radius: 44rpx;
		}
		.time{
			margin-right: 16rpx;
			color: #555;
		}
		.more{
			margin: 0 4rpx 2rpx 0;
			color: #222;
		}
	}
	.records-item{
		padding: 32rpx;
		border-bottom: 1rpx solid rgba(229, 229, 229, 0.5);
		.records-top{
			font-size: 32rpx;
			margin-bottom: 16rpx;
			.add{
				color: #E9B404;
			}
		}
		.records-bottom{
			color: #444;
			.time{
				color: #999;
			}
		}
	}
}

/*账户和安全 实名认证 */
.list-cell-section{
	padding: 0 32rpx;
	.list-cell-item{
		border-bottom: 1rpx solid rgba(229, 229, 229, 0.6);
		padding: 32rpx 0;
		font-size: 32rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		text{
			font-weight: bold;
			color: #222;
		}
		view{
			color: #000;
		}
		.mid{
			color: #ccc;
			display: flex;
			align-items: center;
		}
		.codeTxt{
			width: 168rpx;
			height: 56rpx;
			line-height: 56rpx;
			text-align: center;
			border-radius: 10rpx;
			background-color: #0080FF;
			font-size: 24rpx;
			color: #fff;
		}
	}
	.alarm{
		color: #D22C14;
		margin-top: 16rpx;
		font-size: 28rpx;
		.txt{
			color: #444;
		}
	}
}

/* 常用地址 */
.add-box:first-child{
	border: none;
}
.add-box{
	margin: 0 32rpx;
	padding: 24rpx 0;
	border-top: 1rpx solid #E5E5E5;
	.left{
		font-size: 32rpx;
		font-weight: bold;
		color: #000;
		text{
			margin-left: 16rpx;
			color: #333;
			font-size: 28rpx;
		}
		.add{
			margin-top: 10rpx;
			font-weight: normal;
			color: #444;
			font-size: 28rpx;
		}
	}
	.right{
		image{
			width: 32rpx;
			height: 33rpx;
		}
	}
}